<template>
	<view style="padding: 12px;display: flex;justify-content: space-between;background-color: #ffffff;align-items: center;
		box-shadow: 1px 3px 10px #ebebeb;border-radius: 4px;
		">
		<view style="display: flex;align-items: center;">
			<!-- 姓 -->
			<view style="width: 44px;height: 44px;border-radius: 22px;background-color: antiquewhite;
			display: flex;justify-content: center;
			align-items: center;
			">
				<text>周</text>
			</view>
			<!-- 姓名 -->
			<view style="margin-left: 12px;">
				<text style="display: block;font-size: 16px;">周杰伦(歌手)</text>
				<text style="display: block;font-size: 14px;color: #666666;">13312341234</text>
			</view>
		</view>
		<view style="background-color: red;border-radius: 20px;display: flex;justify-content: center;
		align-items: center;
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 3px;
		padding-bottom: 3px;
		">
			<text style="font-size: 10px;color: #ffffff;font-weight: bold;line-height: 16px;">注销</text>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>

</style>